@spacing: 4px;

.results-display-container {
    min-height: 100vh;
    padding: 50px;
    box-sizing: border-box;

    .photos {
        margin-top: 20px;
    }

    .row {
        margin: 0 -@spacing;
        &::after {
            display: block;
            content: "";
            clear: both;
        }

        &:not(:last-child) {
            margin-bottom: 20px;
        }
    }

    [class^="col-"] {
        float: left;
        height: 280px;
        padding: @spacing;
        background: #eee top/cover content-box;
        box-sizing: border-box;
    }

    .cols(@i:1) when (@i <= 12) {
        .col-@{i} {
            width: 0% + (@i / 12) * 100;
        }
        .cols(@i+1);
    }
    .cols();
}
